<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/tansuo.css">
    <link rel="stylesheet" href="css/top_btn.css">
    <title>逐光而行-探索</title>
</head>
<body>
    <!-- nav begin -->
    <div class="nav">
        <div class="navTitle_left">
            <!-- <span class="logo">逐光而行</span> -->
            <img src="image/logo.png" alt="">
        </div>
        <div class="navTitle">
            <a href="index.html">首页</a>
            <a href="" style="color: white;">探索</a>
            <a href="">标签</a>
            <a href="">摄影师</a>
            <a href="">签约摄影师招募</a>
            <a href="">热门活动</a>
            <a href="">逐光而行 & 摄影大赛<img src="image/hot.svg"></a>
        </div>
        <div class="navTitle_right">
            <a href="">登录</a>
            <a href="">注册</a>
        </div>
    </div>
    <!-- nav end -->

    <!-- nav2 begin -->
    <div class="nav2">
        <div class="nav2Title">
            <a href="" style="color: black; border-bottom:3px rgb(16,136,242) solid;">全部</a>
            <a href="">自然</a>
            <a href="">城市</a>
            <a href="">运动</a>
            <a href="">人物</a>
            <a href="">签约摄影师</a>
        </div>
    </div>
    <!-- nav2 end -->

    <!-- content -->
    <div class="tansuo_out">
        <div class="tansuo_out_1">
            <div class="tansuo1"><img src="images/3.jpg" alt=""></div>
            <div class="tansuo1"><img src="images/5.jpg" alt=""></div>
            <div class="tansuo2"><img src="images/1.jpg" alt=""></div>
            <div class="tansuo3"><img src="images/2.jpg" alt=""></div>
            <div class="tansuo2"><img src="images/7.jpg" alt=""></div>
            <div class="tansuo3"><img src="images/10.jpg" alt=""></div>
        </div>
        <div class="tansuo_out_2">
            <div class="tansuo2"><img src="images/8.jpg" alt=""></div>
            <div class="tansuo3"><img src="images/6.jpg" alt=""></div>
            <div class="tansuo1"><img src="images/11.jpg" alt=""></div>
            <div class="tansuo2"><img src="images/14.jpg" alt=""></div>
            <div class="tansuo3"><img src="images/16.jpg" alt=""></div>
            <div class="tansuo1"><img src="images/19.jpg" alt=""></div>
            
        </div>
        <div class="tansuo_out_3">
            <div class="tansuo3"><img src="images/12.png" alt=""></div>
            <div class="tansuo1"><img src="images/20.jpg" alt=""></div>
            <div class="tansuo2"><img src="images/15.jpg" alt=""></div>
            <div class="tansuo3"><img src="images/13.jpg" alt=""></div>
            <div class="tansuo1"><img src="images/9.jpg" alt=""></div>
            <div class="tansuo2"><img src="images/11.jpg" alt=""></div>
        </div>
        
        
        
    </div>
    <!-- content end -->

    <!-- footer -->
    <div class="footer">
        <div class="f1">
            <div class="f1_a">
                <a href="">使用条款</a>
                <a href="">隐私政策</a>
                <a href="">内容指引</a>
                <a href="">网站反馈</a>
                <a href="">常见问题</a>
            </div>
            <div class="f1_english">
                <a href="">中文</a>
                &nbsp;|&nbsp;
                <a href="">English</a>
            </div>
        </div>
        <div class="f2">
            <span>Copyright &copy; 2023 逐光而行 黄前程</span>
        </div>
    </div>

    <!-- 回顶部btn -->
    <div id="top">⇧</div>
</body>
</html>